<template>
  <div class="container">
		<div class="img-box">
			<img class="help-img" src="https://wifenxiao.oss-cn-hangzhou.aliyuncs.com/h5-wfx/images/share/help.png" alt="">
		</div>
		<p class="txt1">请选择分享的页面</p>
		<div class="icon_box">
			<div class="btn_item" @click="linkurlIndex">
				<div class="icon-box">
						<img src="https://wifenxiao.oss-cn-hangzhou.aliyuncs.com/h5-wfx/images/share/icon1.png" alt="">
				</div>
				<span>分享首页</span>
			</div>
			<div class="btn_item" @click="linkurlGoods">
				<div class="icon-box">
						<img src="https://wifenxiao.oss-cn-hangzhou.aliyuncs.com/h5-wfx/images/share/icon2.png" alt="">
				</div>
				<span>分享商品</span>
			</div>
		</div>
	</div>
</template>

<script>
/* eslint-disable */
export default {
	data() {
		return {

		}
	},
	methods: {
		linkurlIndex() {
			// 首页
			this.Jump('shareLink',{linktype:6})
		},
		linkurlGoods() {
			// 首页
			this.Jump('shareGoods')
		},
		Jump(url, data) {
			this.$JumpPath(this, url, data, 0)
		}
	}
}
</script>
<style lang="scss">
.app-main, .container {
	width: 100vw;
	height: 100vh;
	background: #fff;
	.img-box {
		width: 598px;
		margin-top: 180px;
		margin-left: 76px;
		margin-bottom: 200px;
	}
	.txt1 {
		padding-left: 40px;
		color: #333;
		font-size: 36px;
		font-weight: 500;
		margin-bottom: 30px;
	}
	.icon_box {
		color: #fff;
		font-size: 36px;
		font-weight: 500;
		width: 100%;
		box-sizing: border-box;
		padding: 0 16px;
		display: flex;
		justify-content: space-around;
		align-items: center;
		.btn_item {
			width: 338px;
			height: 90px;
			background: rgba(255,0,0,1);
			border-radius: 45px;
			display: flex;
			justify-content: center;
			align-items: center;
			.icon-box {
				width: 48px;
				height: 48px;
				margin-right: 13px;
			}
		}
	}
}
</style>
